<template>
  <footer class="footer">
    <div class="footer-container">
      <div class="footer-content">
        <!-- <div class="footer-logo">
          <img src="@/assets/img/weixinpay.jpg" alt="CSDN" />
        </div> -->
        <div class="footer-links">
          <!-- <div class="footer-column">
            <h4>相关链接</h4>
            <ul>
              <li><a href="#">法律声明及隐私权政策</a></li>
              <li><a href="#">Cookies政策</a></li>
              <li><a href="#">廉正举报</a></li>
              <li><a href="#">安全举报</a></li>
              <li><a href="#">联系我们</a></li>
            </ul>
          </div>
          <div class="footer-column">
            <h4>周氏集团</h4>
            <ul>
              <li><a href="#">官网</a></li>
              <li><a href="http://124.221.11.54:9528">后台管理</a></li>
            </ul>
          </div>
          <div class="footer-column">
            <h4>合作伙伴</h4>
            <ul>
              <li><a href="#">AliOS</a></li>
              <li><a href="#">万网</a></li>
              <li><a href="#">高德</a></li>
              <li><a href="#">UC</a></li>
              <li><a href="#">友盟</a></li>
              <li><a href="#">优酷</a></li>
              <li><a href="#">钉钉</a></li>
            </ul>
          </div>
          <div class="footer-column">
            <h4>版权信息</h4>
            <ul>
              <li><a href="#">© 2009-2023 Aliyun.com 版权所有</a></li>
              <li><a href="#">增值电信业务经营许可证： 浙B2-20080101</a></li>
              <li>
                <a href="#"
                  >域名注册服务机构许可： 浙通网安【2019】94号 京D3-20220015</a
                >
              </li>
              <li>
                <a href="#">浙公网安备 33010602009975号浙B2-20080101-4</a>
              </li>
            </ul>
          </div> -->
          欢欣资源库 | hzxq99@qq.com | 官网 | 资源库 | 隐私政策 | 使用条款 |
          个人网站测试中
        </div>
      </div>
    </div>
  </footer>
</template>

<style>
.footer {
  background-color: #1c1f23;
  padding: 40px 0;
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
}

.footer-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.footer-content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.footer-logo img {
  max-width: 5rem;
}

.footer-links {
  display: flex;
  flex-wrap: wrap;
}

.footer-column {
  flex: 1 1 200px;
  margin-bottom: 20px;
}

.footer-column h4 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}

.footer-column ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-column ul li {
  margin-bottom: 5px;
}

.footer-column ul li a {
  color: #666;
  text-decoration: none;
}

.footer-bottom {
  margin-top: 40px;
  text-align: center;
}

.footer-bottom p {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .footer-logo {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .footer-logo img {
    max-width: 80%;
    margin: 0 auto 0.5rem auto;
  }
}
</style>
